<template>
	<view>
		<image class="bgImage" src="/static/image/guide/homeBg.png" mode="widthFix"></image>
		<view class="swiperBox">
			<u-swiper bgColor="transparent" :list="list" height="80vh" :indicator="true" :autoplay="true" radius="5"
				imgMode="aspectFit"  circular indicatorActiveColor="#4CC976" indicatorInactiveColor="#EBEBEB"
				indicatorStyle="bottom:10rpx" indicatorMode="dot"></u-swiper>
		</view>
		<view class="loginBtn" @click="goSkip('开始使用')">
			开始使用
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: ['https://cdn.yic3.cn/lawyer/images/swiper1.png',
					'https://cdn.yic3.cn/lawyer/images/swiper2.png',
					'https://cdn.yic3.cn/lawyer/images/swiper3.png'
				],
			};
		},
		onLoad() {

		},
		methods: {
			goSkip() {
				// #ifdef MP-WEIXIN
				wx.reportEvent("guide_start", {})
				// #endif
				// #ifdef APP
				plus.statistic.eventTrig('guide_click_startUsing')
				this.$api.userEvent({
					type: 'click',
					key: 'guide_click_startUsing',
					value: "click_startUsing",
					extra: '引导页点击开始使用'
				}).then(res => {})
				// #endif
				uni.navigateTo({
					url: '/guide/pages/guide_3/guide_3'
				})
			}
		}
	}
</script>

<style lang="scss">
	@import 'guide_2.scss'
</style>
<style>
	page {
		background-color: #18171D;
	}
</style>